{% extends "base.html" %}

{% for blog in blogs %}
    <li>
        <a href="{{ blog.id }}">{{ blog.title }}</a>
    </li>
{% endfor %}

{% block content %}
    <div class="row text-center vertical-middle-sm">
        <h1>
            我的博客
        </h1>
    </div>
    <div class="row">
        <div class="col-xs-12 col-md-8">
            <ul>
                {% for blog in blogs %}
                    <li><a href="{{ blog.id }}">{{ blog.title }}</a>
                    </li>
                {% endfor %}
            </ul>
        </div>
        <div class="col-xs-6 col-md-4">
            <h2>学习PYHTON</h2>
            <p>
                跟我学：http://www.runoob.com
            </p>
            <img width="200px" src="http://www.mrwallpaper.com/wallpapers/Fluffy-Cat.jpg">
        </div>
    </div>
{% endblock %}